<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
        <script type="text/javascript" src="../internal.js"></script>
        <style type="text/css">
            .warpper {
                position: relative;
                width: 380px;
                height: 100%;
                margin: 10px 20px;
            }

            .tabbody {
                height: 200px;
            }

            .tabbody table {
                width: 100%;
                border-collapse: separate;
                border-spacing: 3px;
            }

            .tabbody .panel {
                width: 373px;
                height: 100%;
                padding-left: 5px;
                position: absolute;
                background-color: #fff;
            }

            .tabbody input.int {
                width: 280px;
                height: 28px;
                border: 1px solid #ccc;
                line-height: 28px;
                border-radius: 5px;
            }

            .tabbody input.btn {
                padding: 0 10px;
                text-align: center;
                line-height: 28px;
                text-decoration: none;
                height: 28px;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 5px;
                margin-right: 10px;
            }

            .tabhead span {
                width: 52px;
                height: 30px;
                line-height: 30px;
            }

            .tabbody tr {
                height: 41px;
                line-height: 41px;
            }
        </style>
    </head>
    <body>
        <div class="warpper" id="searchtab">
            <div id="head" class="tabhead">
                <span tabsrc="find" class="focus"><var id="lang_tab_search"></var></span>
                <span tabsrc="replace"><var id="lang_tab_replace"></var></span>
            </div>
            <div class="tabbody">
                <div class="panel" id="find">
                    <table>
                        <tr>
                            <td width="80"><var id="lang_search1"></var>:</td>
                            <td><input id="findtxt" type="text" class="int"/></td>
                        </tr>
                        <!--<tr>-->

                        <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>-->
                        <!--</tr>-->
                        <tr>
                            <td><var id="lang_case_sensitive1"></var></td>
                            <td>
                                <input id="matchCase" type="checkbox"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input id="nextFindBtn" type="button" class="btn"/>
                                <input id="preFindBtn" type="button" class="btn"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <span id="search-msg" style="color:red"></span>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="panel" id="replace">
                    <table>
                        <tr>
                            <td width="80"><var id="lang_search2"></var>:</td>
                            <td><input id="findtxt1" type="text" class="int"/></td>
                        </tr>
                        <!--<tr>-->

                        <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>-->
                        <!--</tr>-->
                        <tr>
                            <td><var id="lang_replace"></var>:</td>
                            <td><input id="replacetxt" type="text" class="int"/></td>
                        </tr>
                        <tr>
                            <td><var id="lang_case_sensitive2"></var></td>
                            <td>
                                <input id="matchCase1" type="checkbox"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input id="nextReplaceBtn" type="button" class="btn"/>
                                <input id="preReplaceBtn" type="button" class="btn"/>
                                <input id="repalceBtn" type="button" class="btn"/>
                                <input id="repalceAllBtn" type="button" class="btn"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <span id="replace-msg" style="color:red"></span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="searchreplace.js"></script>
    </body>
</html>